<template>
    <view class="page">
        <!-- 积分规则 -->
        <cover-image v-if="banners"  :src="banners" class="banner" mode="widthFix"></cover-image>
        <view class="section">
            <view class="header-top font-size-13">
                <view >积分兑换当年度有效，第二年清零。</view> 
                <view class="mar-t-3">· 满100积分兑换话费1元。</view>
                <view class="mar-t-3">注：当天累计最高不得超过40积分。</view>
            </view>
        </view>
        <view class="title-nav font-color-normal">
            <view class="title font-bold">
                做任务赚积分
            </view>
        </view>
        <view class="list mar-t-15">
            <view class="list-item flex bac-color-fff align-start">
                <image class="image" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/ffabd377-3091-412e-a6c1-51140afaf178.png"></image>
                <view class="flex-1 mar-l-10">
                     <view class="title font-size-16">
                        咨询预约
                    </view>
                    <view class="mar-t-3">
                        <text class="font-color-999 font-size-14">完成预约或评价得</text>
						<text class="font-color-normal">5分</text>
						<text class="font-color-999 font-size-14">,当天最高不得超过20分</text>
                    </view>
                </view>
            </view>
            <view class="list-item flex bac-color-fff align-start">
                <image class="image" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/1458a276-2e0d-40ba-8fc7-17df9695cf22.png"></image>
                <view class="flex-1 mar-l-10">
                     <view class="title font-size-16">
                        关爱帮扶
                    </view>
                    <view class="mar-t-3">
                        <text class="font-color-999 font-size-14">申请帮扶、帮扶他人各得</text><text class="font-color-normal">10分</text>
                    </view>
                </view>
            </view>
            <view class="list-item flex bac-color-fff align-start">
                <image class="image" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/fd2c1bb0-97b7-43bf-9012-d5cba624aa01.png"></image>
                <view class="flex-1 mar-l-10">
                     <view class="title font-size-16">
                        活动报名
                    </view>
                    <view class="mar-t-3">
                        <text class="font-color-999 font-size-14">报名、签到、评价各得</text><text class="font-color-normal">5分</text>
						<text class="font-color-999 font-size-14">，当天最高不得超过20分</text>
                    </view>
                </view>
            </view>
            <view class="list-item flex bac-color-fff align-start">
                 <image class="image" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/bb182b66-6a3f-4934-ab86-50dbe1cc58dc.png"></image>
                <view class="flex-1 mar-l-10">
                     <view class="title font-size-15">
                        家教资源
                    </view>
                    <view class="mar-t-3">
                        <text class="font-color-999 font-size-13">文章在线浏览时长10秒以上并完成文章阅读，即可获得</text><text class="font-color-normal">1分</text>
						<text class="font-color-999 font-size-13">，当天最高不得超过9分</text>
                    </view>
                </view>
            </view>
			<view class="list-item flex bac-color-fff align-start">
			     <image class="image" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/82b8cb95-c27e-4e90-ba8a-848a6ff66d0e.png"></image>
			    <view class="flex-1 mar-l-10">
			         <view class="title font-size-15">
			            登录
			        </view>
			        <view class="mar-t-3">
			            <text class="font-color-999 font-size-13">当天第一次登录得</text><text class="font-color-normal">1分</text>
			        </view>
			    </view>
			</view>
        </view>
        <view style="height:60px"> 

        </view>
    </view>
</template> 

<script>
import {getBanners} from '@/utils/http'
export default {
    data() {
        return {
            banners:''
        }
    },
    methods: {
        getBanner(){
			let _that = this;
			getBanners({'num':1,'pos':'score_rule'}).then(res=>{
				if(res){
					this.banners = res.data[0].image
				}
				
			})
		},
    },
    onLoad(option){
        this.getBanner();
    }
}
</script>

<style>
    .banner {
        width: 100%;
        max-height: 200px;
    }
    .section{
        /* margin-top: -90px; */
        padding: 40rpx;
    }
    .header-top{
        padding: 40rpx 30rpx;
        border-radius: 8px;
		background-color: rgba(0,144,255,0.1);
		color: #0092FF;
    }
    .title-nav{
        padding: 0px 20px;
    }
    .title-nav .title{
        border-left: 3px solid #0092FF;
        padding-left: 10px;
        height: 15px;
        line-height: 15px;
    }
    .list{
        padding-left: 24rpx;
        padding-right: 24rpx;
    }
    .list .list-item{
        padding: 26rpx 30rpx;
    }
    .list-item image{
        padding-top: 3px;
        width: 80rpx;
        height: 80rpx;
    }
</style>